<template>
	<view class="page">
		<view class="tcard flexC">
			<img class="success" src="/static/images/bg-header/register_success.png" alt="">
			<view class="success_txt">
				自助开单缴费成功
			</view>
		</view>

		<view class="tcard">
			<view class="title">
				开单信息
			</view>
			<view class="tform">
				<view class="tform-item">
					<view class="label">就诊人</view>
					<view class="value">{{form.patName}}</view>
				</view>
				<view class="tform-item">
					<view class="label">就诊院区</view>
					<view class="value">{{form.campusName}}</view>
				</view>
				<!-- 			<view class="tform-item">
					<view class="label">医院地址</view>
					<view class="value">{{routeParams}}</view>
				</view> -->
				<view class="tform-item">
					<view class="label">就诊科室</view>
					<view class="value">{{form.departmentName}}</view>
				</view>
				<view class="tform-item">
					<view class="label">就诊位置</view>
					<view class="value">{{form.departmentAddress}}</view>
				</view>
				<view class="tform-item">
					<view class="label">预约医生</view>
					<view class="value">{{form.doctorName}}</view>
				</view>
				<!-- 			<view class="tform-item">
					<view class="label">预约时间</view>
					<view class="value">{{routeParams.visitTime}} {{routeParams.visitArea}}</view>
				</view> -->
				<!-- 			<view class="tform-item">
					<view class="label">挂号级别</view>
					<view class="value">{{routeParams}}</view>
				</view> -->
				<view class="tform-item">
					<view class="label">挂号流水</view>
					<view class="value">{{form.payOrderNo}}</view>
				</view>
				<view class="tform-item">
					<view class="label">业务状态</view>
					<view class="value">自助开单成功</view>
				</view>

			</view>
		</view>
		<ButtonVue content="返回首页" @click="toPage"></ButtonVue>

	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	import ButtonVue from '../../components/Button/Button.vue'
	export default {
		components: {
			ButtonVue
		},
		data() {
			return {
				form: {}
			}
		},
		computed: {
			...mapGetters(['userInfo'])
		},
		onLoad(opt) {
			this.form = JSON.parse(opt.item)
		},
		methods: {
			toPage() {
				uni.reLaunch({
					url: `/pages/StartUp/index`
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.tcard {
		align-items: center;

		.success {
			width: 110upx;
			height: 110upx;
		}

		.success_txt {
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			font-size: 36upx;
			color: #4ED1AC;
			line-height: 54upx;
			margin-top: 10upx;
		}
	}

	.btn {
		margin: 80upx auto 0;
		width: 620upx;
		height: 80upx;
		background: $theme-color;
		border-radius: 80upx;
		text-align: center;
		line-height: 80upx;
		color: #FFF;
	}
</style>